<template>
	<view>
		<view class="release_modal" @touchmove.prevent v-if="release_modal">
			<view class="release_content">
				<!-- <image src="https://oss-shop.cciinet.com/files/MiniProgram/renzheng.png" mode="widthFix"></image> -->
				<view class="h1">
					发布成功
				</view>
				<view class="h2">
					恭喜获得“置顶”特权
				</view>
				<view class="p">
					完成身份认证，信息置顶显示，招揽更多客源
				</view>
				<view class="btn" @click="handleRelease()">
					去领取
				</view>
			</view>
			<image class="img" @click="handleClose" src="https://oss-shop.cciinet.com/files/MiniProgram/close99.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	import {
		saveGuideOperate
	} from "@/api/shop/index.js";
	export default {
		data() {
			return {
				userInfo:"",
				release_modal:true
			};
		},
		onLoad(option) {
			this.userInfo = JSON.parse(uni.getStorageSync("userInfo"))
		},
		methods:{
			handleRelease() {
				this.$handleOpenUrl("/pages/login/personalData?release_stu=1")
				saveGuideOperate({
					userId:uni.getStorageSync("userId"),
					type:20,
				})
			},
			handleClose() {
				var pages = getCurrentPages();
				console.log(pages)
				var prevPage = pages[pages.length - 2];
				prevPage.$vm.isLoad = 2;
				this.$handleOpenUrl("",2)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.release_modal{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		z-index: 99;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		.release_content{
			margin:0 51upx;
			height: 860upx;
			display: flex;
			flex-direction: column;
			align-items: center;
			background: url('https://oss-shop.cciinet.com/files/MiniProgram/bg@2x.png');
			background-size:100% 100%;
			image{
				width: 415upx;
				margin-top: 55upx;
			}
			.h1{
				font-size: 50upx;
				font-family: PingFang-SC-Heavy, PingFang-SC;
				font-weight: 800;
				color: #FFFFFF;
				line-height: 70upx;
				letter-spacing: 1px;
				margin-top: 38upx;
			}
			.h2{
				margin-top: 335upx;
				font-size: 43upx;
				font-weight: bold;
				color: #333333;
			}
			.p{
				font-size: 35upx;
				margin: 0 43upx;
				color: #000000;
				margin-top: 37upx;
				line-height: 1.5;
				text-align: center;
				letter-spacing: 4px;
				
			}
			.btn{
				width: 580upx;
				height: 90upx;
				background: linear-gradient(0deg, #FDA033, #FF5A03);
				border-radius: 45upx;
				margin-top: 79upx;
				font-size: 40upx;
				color: #FFFFFF;
				text-align: center;
				line-height: 90upx;
			}
		}
		.img{
			width: 60upx;
			margin-top: 36upx;
		}
	}
</style>
